<template>
	<div id="app">
		<router-view v-if="!isIframe"></router-view>
		<right-bar></right-bar>
		<dialog-detail ref="dialogDetail"></dialog-detail>
	</div>
</template>

<script>
import dialogDetail from '@/components/dialog/dialog-detail.vue';
import rightBar from '@/components/rihtbar/rightBar.vue'
import {mapState,mapMutations} from 'vuex'

export default {
	mounted() {
		this.getLastuse()
	},
	computed:{
		...mapState(['isIframe','lastuse']),
		
	},
	provide() {
		return {
			app: this
		};
	},
	
	components: {
		dialogDetail,rightBar
	},
	methods: {
		...mapMutations(['getLastuse']),
		chooseData(item) {
			this.$refs.dialogDetail.showDialog(item);
		},
		
	}
};
</script>

<style>
.moveOut {
	right: -102px !important;

	transition: all 0.2s ease-in-out;
}

.moveIn {
	right: 20px !important;

	transition: all 0.2s ease-in-out;
}

body {
	margin: 0 !important;
	padding: 0 !important;
}
header {
	margin: 0 !important;
	padding: 0 !important;
}

/* ::-webkit-scrollbar{
  display: none;
} */


/* ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
}



::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  transition: color 0.2s ease;
} */
</style>
